---
layout: typedoc
title: 'SpecColumns | @msrvida/sanddance-react'
---
<header>
<div class="tsd-page-title">
	<div class="typedoc-container">
		<ul class="tsd-breadcrumb">
			<li>
				<a href="../modules.html">@msrvida/sanddance-react</a>
			</li>
			<li>
				<a href="../modules/sanddance.html">SandDance</a>
			</li>
			<li>
				<a href="../modules/sanddance.specs.html">specs</a>
			</li>
			<li>
				<a href="sanddance.specs.speccolumns.html">SpecColumns</a>
			</li>
		</ul>
		<h1>Interface SpecColumns</h1>
	</div>
</div>
</header>
<div class="container container-main">
<div class="row">
	<div class="col-8 col-content">
		<section class="tsd-panel tsd-comment">
			<div class="tsd-comment tsd-typography">
				<div class="lead">
					<p>Specified columns for a SandDance visualization.</p>
				</div>
			</div>
		</section>
		<section class="tsd-panel tsd-hierarchy">
			<h3>Hierarchy</h3>
			<ul class="tsd-hierarchy">
				<li>
					<span class="target">SpecColumns</span>
				</li>
			</ul>
		</section>
		<section class="tsd-panel-group tsd-index-group">
			<h2>Index</h2>
			<section class="tsd-panel tsd-index-panel">
				<div class="tsd-index-content">
					<section class="tsd-index-section ">
						<h3>Properties</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.specs.speccolumns.html#color" class="tsd-kind-icon">color</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.specs.speccolumns.html#facet" class="tsd-kind-icon">facet</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.specs.speccolumns.html#facetv" class="tsd-kind-icon">facetV</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.specs.speccolumns.html#group" class="tsd-kind-icon">group</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.specs.speccolumns.html#size" class="tsd-kind-icon">size</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.specs.speccolumns.html#sort" class="tsd-kind-icon">sort</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.specs.speccolumns.html#uid" class="tsd-kind-icon">uid</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.specs.speccolumns.html#x" class="tsd-kind-icon">x</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.specs.speccolumns.html#y" class="tsd-kind-icon">y</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.specs.speccolumns.html#z" class="tsd-kind-icon">z</a></li>
						</ul>
					</section>
				</div>
			</section>
		</section>
		<section class="tsd-panel-group tsd-member-group ">
			<h2>Properties</h2>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="color" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> color</h3>
				<div class="tsd-signature tsd-kind-icon">color<span class="tsd-signature-symbol">:</span> <a href="sanddance.types.column.html" class="tsd-signature-type" data-tsd-kind="Interface">Column</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:279</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Column to use for coloring a visualization.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="facet" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> facet</h3>
				<div class="tsd-signature tsd-kind-icon">facet<span class="tsd-signature-symbol">:</span> <a href="sanddance.types.column.html" class="tsd-signature-type" data-tsd-kind="Interface">Column</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:287</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Column to use for faceting a visualization.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="facetv" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> facetV</h3>
				<div class="tsd-signature tsd-kind-icon">facetV<span class="tsd-signature-symbol">:</span> <a href="sanddance.types.column.html" class="tsd-signature-type" data-tsd-kind="Interface">Column</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:291</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Column to use for vertically faceting a visualization.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="group" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> group</h3>
				<div class="tsd-signature tsd-kind-icon">group<span class="tsd-signature-symbol">:</span> <a href="sanddance.types.column.html" class="tsd-signature-type" data-tsd-kind="Interface">Column</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:275</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Column to use for grouping in a visualization.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="size" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> size</h3>
				<div class="tsd-signature tsd-kind-icon">size<span class="tsd-signature-symbol">:</span> <a href="sanddance.types.column.html" class="tsd-signature-type" data-tsd-kind="Interface">Column</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:271</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Column to use as size in a visualization.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="sort" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> sort</h3>
				<div class="tsd-signature tsd-kind-icon">sort<span class="tsd-signature-symbol">:</span> <a href="sanddance.types.column.html" class="tsd-signature-type" data-tsd-kind="Interface">Column</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:283</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Column to use for sorting a visualization, not applicable to scatterplot.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="uid" class="tsd-anchor"></a>
				<h3>uid</h3>
				<div class="tsd-signature tsd-kind-icon">uid<span class="tsd-signature-symbol">:</span> <a href="sanddance.types.column.html" class="tsd-signature-type" data-tsd-kind="Interface">Column</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:255</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Column with a unique id for each row.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="x" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> x</h3>
				<div class="tsd-signature tsd-kind-icon">x<span class="tsd-signature-symbol">:</span> <a href="sanddance.types.column.html" class="tsd-signature-type" data-tsd-kind="Interface">Column</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:259</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Column to use as x-axis in a visualization.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="y" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> y</h3>
				<div class="tsd-signature tsd-kind-icon">y<span class="tsd-signature-symbol">:</span> <a href="sanddance.types.column.html" class="tsd-signature-type" data-tsd-kind="Interface">Column</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:263</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Column to use as y-axis in a visualization, optional for bar chart.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="z" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> z</h3>
				<div class="tsd-signature tsd-kind-icon">z<span class="tsd-signature-symbol">:</span> <a href="sanddance.types.column.html" class="tsd-signature-type" data-tsd-kind="Interface">Column</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:267</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Column to use as z-axis in a visualization.</p>
					</div>
				</div>
			</section>
		</section>
	</div>
	<div class="col-4 col-menu menu-highlight">
		<nav class="tsd-navigation primary">
			<ul>
				<li class=" ">
					<a href="../modules.html">Exports</a>
				</li>
				<li class="current tsd-kind-namespace">
					<a href="../modules/sanddance.html">Sand<wbr>Dance</a>
					<ul>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.vegadeckgl.html">Vega<wbr>Deck<wbr>Gl</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.constants.html">constants</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.searchexpression.html">search<wbr>Expression</a>
						</li>
						<li class="current tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.specs.html">specs</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.types.html">types</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.util.html">util</a>
						</li>
					</ul>
				</li>
				<li class=" tsd-kind-namespace">
					<a href="../modules/util.html">util</a>
				</li>
			</ul>
		</nav>
		<nav class="tsd-navigation secondary">
			<ul class="before-current">
			</ul>
			<ul class="current">
				<li class="current tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.specs.speccolumns.html" class="tsd-kind-icon">Spec<wbr>Columns</a>
					<ul>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.specs.speccolumns.html#color" class="tsd-kind-icon">color</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.specs.speccolumns.html#facet" class="tsd-kind-icon">facet</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.specs.speccolumns.html#facetv" class="tsd-kind-icon">facetV</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.specs.speccolumns.html#group" class="tsd-kind-icon">group</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.specs.speccolumns.html#size" class="tsd-kind-icon">size</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.specs.speccolumns.html#sort" class="tsd-kind-icon">sort</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.specs.speccolumns.html#uid" class="tsd-kind-icon">uid</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.specs.speccolumns.html#x" class="tsd-kind-icon">x</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.specs.speccolumns.html#y" class="tsd-kind-icon">y</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.specs.speccolumns.html#z" class="tsd-kind-icon">z</a>
						</li>
					</ul>
				</li>
			</ul>
			<ul class="after-current">
			</ul>
		</nav>
	</div>
</div>
</div>
<div class="overlay"></div>